<template>
  <div id="app">
    <!-- 实现缓存的第一种方法 那就是利用组件的name来实现想要缓存的组件 -->
    <!-- <keep-alive include="home">
      <router-view />
    </keep-alive> -->
    <!-- 实现缓存的第二种方法 那就是给可以给需要缓存的组件加一个属性 我们来判断没有这个属性来实现 -->
    <!-- keep-alive不能直接绑定v-if -->
    <keep-alive>
      <router-view  v-if="$route.meta.keepAlive" />
    </keep-alive>
    <router-view  v-if="!$route.meta.keepAlive"/>
  </div>
</template>
